<template>
<div class="infos">{{$attrs}}
  <h2>姓名：{{name}}</h2>
  <h2>年龄：{{age}}</h2>
  <h2 v-bind="$attrs">身高：{{height}}</h2>
</div>
</template>

<script>

export default {
  inheritAttrs:false,
  name: "ShowInfo",
  props:{
    name:{
      type:String,
      default:"我是默认name"
    },
    age:{
      type:Number,
      required:true,
      default:0
    },
    height:{
      type:Number,
      default:2
    },
    friend:{
      type:Object,
      default(){
        return{
          name:'james'
        }
      }
    },
    hobbies:{
      type:Array,
      default:()=>['篮球','rap','唱跳']
    },
    showMessage:{
      type:String,
      default:"我是showMessage"
    }
  }
}
</script>

<style scoped>

</style>